    body {
        background: #ECEEF0;
    }
    
    .zh-main-bd {
        text-align: left;
        width: 100%;
        min-height: 100%;
        min-width: 1024px;
        background: #ECEEF0 url('../assets/bg-2.jpg');
        background-repeat: no-repeat;
        background-position: 50% 0;
        &-hd {
            background: #2d8cf0;
            color: #fff;
        }
        &-ct {
            padding-top: 44px;
            min-height: calc(100% - 53px);
        }
    }
    
    // .width-1024 {
    //     width: 1024px;
    //     margin: 0 auto;
    // }
    @media screen and (max-width: 1366px) {
        .width-1024 {
            width: 1024px;
            margin: 0 auto!important;
        }
    }
    
    @media screen and (min-width: 1367px) {
        .width-1024 {
            width: 1440px;
            margin: 0 auto!important;
        }
    }
    
    .zh-flex {
        display: flex!important;
        align-items: center;
    }
    
    .zh-flex-1 {
        justify-content: flex-start;
    }
    
    .zh-flex-2 {
        justify-content: flex-end;
    }
    
    .zh-flex-3 {
        justify-content: space-between;
    }
    
    .zh-flex-4 {
        align-items: flex-end;
    }
    
    .zh-flex-5 {
        justify-content: space-around;
    }
    
    .zh-flex-6 {
        align-items: flex-start;
    }
    
    .zh-flex-wrap {
        flex-wrap: wrap;
    }
    
    .left-head-production {
        height: 100%;
        padding: 8px 0;
        font-size: 16px;
        img {
            width: 128px;
            height: 37px;
        }
        span {
            padding-left: 20px;
            margin-left: 20px;
            border-left: 1px solid #fff;
        }
    }
    
    .right-head-user {
        height: 100%;
        cursor: pointer;
        img {
            border-radius: 50%;
            width: 42px;
            height: 42px;
            margin-right: 10px;
        }
        span {
            margin-right: 30px;
        }
        .ivu-icon {
            font-size: 16px;
            font-weight: 500;
            margin-right: 5px;
        }
    }
    
    .zh-small-component {
        height: 130px;
        padding: 20px 0 20px 10px;
        color: #fff;
    }
    
    .zh-breadcrumb-nav {
        margin: 10px 0;
    }
    
    .zh-sideBar-container {
        width: 80%;
        background: #fff;
        padding-top: 20px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
    }
    
    .shrink-btn {
        background: #fff;
        padding: 15px 5px;
        position: absolute;
        right: 0;
        top: 250px;
        transform: translateX(100%);
        cursor: pointer;
    }
    
    .small-state-box {
        margin: 0 10px;
    }
    
    .zh-hollow {
        $primary: #2d8cf0;
        $warning: #FF9900;
        $info: #2d8cf0;
        $error: #ed3f14;
        &.ivu-btn-primary {
            color: $primary;
            background: lighten($primary, 40%);
            &:hover {
                background: lighten($primary, 35%);
            }
        }
        &.ivu-btn-warning {
            color: $warning;
            background: lighten($warning, 40%);
            &:hover {
                background: lighten($warning, 35%);
            }
        }
        &.ivu-btn-info {
            color: $info;
            background: lighten($info, 40%);
            &:hover {
                background: lighten($info, 35%);
            }
        }
        &.ivu-btn-error {
            color: $error;
            background: lighten($error, 40%);
            &:hover {
                background: lighten($error, 35%);
            }
        }
    }
    
    .ivu-modal-body {
        padding: 0!important;
    }
    
    .ivu-modal-confirm {
        padding: 0;
        border-radius: 0;
    }
    
    .ivu-modal-confirm-head {
        background: #EBF4FE;
        text-align: center;
        padding: 8px 0;
        border-radius: 5px;
    }
    
    .zh-modal-head {
        font-size: 14px;
        color: #1c2438;
        font-weight: 700;
    }
    
    .ivu-modal-confirm-body {
        text-align: center;
        padding-left: 0;
    }
    
    .ivu-modal-confirm-footer {
        padding-bottom: 30px;
        display: flex;
        justify-content: space-around;
    }
    
    .ivu-modal-footer {
        display: flex;
        justify-content: space-around;
    }
    
    .ivu-modal-footer button,
    .ivu-modal-confirm-footer button {
        width: 140px;
        border: 1px solid #c6c6c6;
        color: #c6c6c6;
        &:hover {
            border: 1px solid #c6c6c6;
            color: #c6c6c6;
        }
    }
    
    .ivu-modal-footer button.ivu-btn-primary,
    .ivu-modal-confirm-footer button.ivu-btn-primary {
        $primary: #2d8cf0;
        color: $primary;
        border-color: $primary;
        background: lighten($primary, 40%)
    }
    
    .ivu-modal-confirm-footer button+button,
    .ivu-modal-footer button+button {
        margin: 0;
    }
    
    .ivu-modal-confirm-body-icon.ivu-modal-confirm-body-icon-confirm {
        display: none;
    }
    
    .zh-modal-repaire-progress {
        .ivu-modal-body {
            padding-bottom: 15px;
        }
        .ivu-modal-footer {
            display: none;
        }
    }
    
    .no_footer_modal {
        .ivu-modal-footer {
            display: none;
        }
    }
    
    .zh-radio-input {
        .ivu-form-item-content {
            display: flex;
        }
    }
    
    .landline-input-container {
        display: flex;
        justify-content: space-between;
        align-content: center;
    }
    
    .vertical-center-modal {
        display: flex;
        align-items: center;
        justify-content: center;
        .ivu-modal {
            top: 0;
        }
    }
    
    .ivu-modal-confirm-body {
        padding-left: 0!important;
    }
    
    .parts_Detailed_table {
        padding: 15px 20px;
        p {
            font-weight: 700;
            padding-bottom: 10px;
        }
    }
    
    .ivu-page {
        text-align: right;
        margin-top: 10px;
        padding-bottom: 20px;
    }
    
    .ivu-modal-header {
        background: #EBF4FE;
        text-align: center;
        border-radius: 5px;
    }
    
    .detail-other {
        padding: 5px 40px;
        border-top: 1px solid #eee;
        flex-wrap: wrap;
        align-items: flex-start;
        &-item {
            width: 45%;
            padding: 5px 0 5px 60px;
            position: relative;
            height: 28px;
            line-height: 28px;
            label {
                position: absolute;
                top: 5px;
                left: 0;
                color: rgb(54, 53, 53);
            }
        }
    }
    
    .out-table-title {
        text-align: center;
        font-weight: 600;
        padding: 5px 0;
        font-size: 14px;
    }
    
    .ivu-date-picker {
        width: 100%;
    }
    
    .ivu-modal-footer {
        $color: #2d8cf0;
        .ivu-btn-ghost:hover,
        .ivu-btn-text:hover {
            color: $color;
            border-color: $color;
        }
        .ivu-btn-primary:hover {
            background: lighten($color, 35%);
        }
        .ivu-upload {
            height: 32px;
        }
    }
    
    .ivu-checkbox-group-item {
        display: block;
        margin: 5px 0;
    }
    
    .rotate-title-icon {
        transform: rotate(90deg);
        font-size: 20px;
    }
    
    .ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
        border-right: 0;
        border-left: 4px solid #2d8cf0;
    }
    
    .ivu-modal-footer>div {
        width: 100%;
    }